836624 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

ひっこりんの冒険

●アニメーションGIF

hikkorin03

やあ ひっこりんだよ

みんな元気か~



ひっこりんは 元気だよ 仕事に追われてクタクタだけど(ハハハ)



さて IBMのホームページビルダーって使ったことのある人手を挙げて



アンズ

は~い



ははは ひょっとして何処かに隠しホームページ持ってるな

さて そんな話じゃない

今日はアニメーションGIFのお話なんだ

みんな作ったこと有る?



アンズ

シ~~~~ン





あれ ? 

ははは 簡単なんだよ

ソフトウエアさえ有ればね



ほら hikkosorae.gifこうやってバタバタさせてる僕のイラスト

これもアニメーションGIFで 出来てる







作成に使うソフトはIBMのホームページビルダーに付属している

ウェブアニメーターというソフトだよ



まずGIFファイルを用意する

作るファイルに合わせて何種類か作成しておく

















今日は ボタンちゃんがプーにゃんのBBSに貼り付けてくれた

2つの画像を使って一つのアニメーションGIFを作成してみるよ


P506iC0160432457.jpg
P506iC0160497995.jpg



この2つの画像を使って一つのアニメーションGIFを作ってみよう

今回はプレゼントの意味もあるのでちょっと趣向を凝らした物だけど

まあ 作り方のアウトラインでも判ってもらえれば良い





この2つの画像を分解する

要はレタッチソフトで必要なところだけを寄せ集めて何種類かの異なった画像を作るんだ











今回はフォトショップを使って作った

photos.jpg







フォトショップの使い方については また次の機会にでもお話しするよ

角度を変えたりレイヤーを使って部品に作り替えて行く

01.jpg02.jpg

出来たファイルは上の2つだよ

これに今度はセリフを何種類か入れて変化を狙う



002.gif003.gif

004.gif005.gif













出来た画像をウェブアニメーターを使って一つにするんだ



weba.jpg



ここで一こま一こまにどれくらいの時間を表示させるか

決めたり 何回動作を繰り返させるのかとか調整しながら作品に仕上げる













そして 出来たやつがこれ



saru2.gif



2つの素材で他にも色々出来るんだけど

まあ 限られた暇な時間でやるんで

変な技巧は使っていないよ



強いて言えば楽天に載せるためにファイルを小さくする必要があるので

一つ一つの画像の大きさを小さくしてあると言うこと

普通に画像を並べた場合その画像の枚数分の大きさがGIFファイルの大きさに

なるよ



もし ソフトもないけどアニメーションGIFが欲しい

そう思ったら 一度、私書箱にメールを入れて

そして、プーにゃんのBBSに画像を貼り付けてね

そしたら 暇な時間に作ってあげるから










最終更新日  2006/04/15 05:30:34 PM


© Rakuten Group, Inc.